﻿var SelectTree = {
    model: function (d = {}) {
        
    },
    component: {
        name: "lg-form-SelectTree",
        data: {
            props: {
                items: {
                    type: Array,
                    default: []
                },
                value: {
                    type: [String, Object],
                    default: []
                },
                data: {
                    type: Object,
                    default: {}
                },
                valType: {
                    type: String,
                    default: "option"
                },
                //0填写 1查看
                renderType: {
                    type: Number,
                    default: 0
                }
            },
            computed: {
                values: function () {
                  
                }
            },
            methods: {
               
            },
            template: `
					 <div class="lg-form-item">
					 	<div class="lg-form-block">
					 		<div class="lg-form-title">
					 			<div class="lg-form-title-item">
					 				<i>*</i><span class="cn">多级下拉</span><span class="en">EnglishText</span>
					 			</div>
					 		</div>
					 		<div class="lg-form-control">
					 			<div class="lg-form-select">
					 				<div class="lg-select-title">
					 					<input type="text" placeholder="请选择" readonly="" class="lg-input lg-select-input">
					 					<label class="fa fa-caret-down"></label>
					 				</div>
					 				<div class="lg-select-list-position" style="display: none;">
					 					<ul class="lg-select-list lg-select-tree lg-select-dp1">
					 						<li class="option lg-select-tip">请选择</li>
					 						<li class="option">
					 							<div class="dp-option"><label class="fa fa-caret-right"></label><span>高中部</span>
					 							</div>
					 						</li>
					 						<li class="option checked">
					 							<div class="dp-option"><label class="fa fa-caret-right"></label><span>初中部</span>
					 							</div>
					 							<ul class="lg-select-dp2">
					 								<li class="option">
					 									<div class="dp-option"><label class="fa fa-caret-right"></label><span>一年级</span>
					 									</div>
					 								</li>
					 								<li class="option checked">
					 									<div class="dp-option"><label class="fa fa-caret-right"></label><span>二年级</span>
					 									</div>
					 									<ul class="lg-select-dp3">
					 										<li class="option">
					 											<div class="dp-option"><span>融合班</span>
					 											</div>
					 										</li>
					 										<li class="option">
					 											<div class="dp-option"><span>淑女班</span>
					 											</div>
					 										</li>
					 										<li class="option">
					 											<div class="dp-option"><span>强基英才班</span>
					 											</div>
					 										</li>
					 									</ul>
					 								</li>
					 								<li class="option">
					 									<div class="dp-option"><label class="fa fa-caret-right"></label><span>三年级</span>
					 									</div>
					 								</li>
					 							</ul>
					 						</li>
					 						<li class="option">
					 							<div class="dp-option"><label class="fa fa-caret-right"></label><span>小学部</span>
					 							</div>
					 						</li>
					 					</ul>
					 				</div>
					 			</div>
					 		</div>
					 	</div>
					 </div>
                    `
        }
    }
}



export { SelectTree }